<script setup lang="ts">
import 'vidstack/bundle';
import { inject } from 'vue'
// import type { InjectionKey } from 'vue';
import { provideKey,provideKey2 } from '../types'
interface Props {
  msg: string
}
const props = defineProps<Props>()
// const url = 'http://rrs.exbim.com/minio-api/reportmatch/%E9%99%84%E4%BB%B6%E4%BF%A1%E6%81%AF/VIDEO/1724662747471%E9%87%8D%E5%BA%86%E5%A4%A7%E5%AD%A6%E9%99%84%E5%B1%9E%E8%82%BF%E7%98%A4%E5%8C%BB%E9%99%A2%E7%A7%91%E5%AD%A6%E5%9F%8E%E9%99%A2%E5%8C%BA%E5%BB%BA%E8%AE%BE%E5%B7%A5%E7%A8%8B%28%E4%B8%80%E6%9C%9F%29%E8%AE%BE%E8%AE%A1%E6%96%BD%E5%B7%A5%E4%B8%80%E4%BD%93%E5%8C%96%E5%BA%94%E7%94%A8%E5%AE%9E%E8%B7%B50808-7%E5%88%86%E9%92%9F%E5%88%A0%E5%87%8F%E7%89%88_x264.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=Bc8bTJVDOETzw3xlDL0e%2F20240829%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240829T065252Z&X-Amz-Expires=3600&X-Amz-SignedHeaders=host&X-Amz-Signature=e5e854a72160ac677fde5c504cd33ded7f2f9f221bb1c3f1a97ba102248db9a0'
const foo = inject(provideKey, 'default') // foo 的类型：string | undefined
console.log('foo:', foo)
const foo2 = inject(provideKey2, null) // foo 的类型：string | undefined
console.log('foo2:', foo2)
</script>

<template>
  <h2>{{ props.msg }}</h2>
  <!-- <media-player title="Sprite Fight" :src="url">
    <media-provider></media-provider>
    <media-video-layout thumbnails=""></media-video-layout>
  </media-player> -->

</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
